<template>
  <view :style="[styles]" style="overflow: hidden">
    <u-button
      style="height: 100%"
      :type="attribute.type"
      :color="attribute.color || $theme.themeColor[attribute.type]"
      :text="attribute.text"
      :customStyle="{
        color:
          attribute.color === '#ffffff' ||
          $theme.themeColor[attribute.type] === '#ffffff'
            ? 'black'
            : attribute.fontColor
            ? attribute.fontColor
            : '#ffffff',
      }"
      @click="handleBtnClick"
    />
  </view>
</template>

<script>
import { COMPREIFX } from "@/const/widget";
export default {
  inheritAttrs: false,
  name: `${COMPREIFX}demo`,
  props: {
    attribute: Object,
    styles: Object,
  },
  methods: {
    handleBtnClick() {},
  },
};
</script>

<style scoped></style>
